<template>
  <div>
      局部组件
      <ul>
        <li v-for="(item,index) in boyArr" :key="index">{{item }}</li>
      </ul>

      <button @click="emitFn">子传父方式1</button>
      <button @click="$emit('myevent',girlfriend)">子传父方式2</button>
  </div>
</template>

<script setup>
import {ref} from 'vue'

// 01:数组形式接收props
// const props = defineProps(['boyArr'])
// 02: 对象形式接收props
const props = defineProps({
  boyArr: Array,
})
// console.log('props', props);

// 子传父 方式1
// const emit = defineEmits(['myevent']);
const girlfriend = ref({
  name: '小丽',
  age: 18,
  sex:'女'
})
// const emitFn = () => {
//   emit('myevent',girlfriend)
// }

// 子传父方式2
// 直接使用行内语法写  this.$emit(自定义事件,要传递的数据)


</script>
<style scoped>

</style>